import React from 'react'
import { Link } from 'react-router-dom'
import { Container } from '../Container/Container'
import styles from './Header.module.css'

export const Header: React.FC = () => {
  return (
    <header className={styles.header}>
      <Container>
        <Link to='/'>
          <svg className={styles.logo} xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 978 317">
            <g id="Layer">
              <path id="Layer" className={styles.trill}  d="m79 152.6l78.1 78h-78.1z" />
              <path id="Layer" fillRule="evenodd" d="m350.8 190.6c0 21.5-17.3 38.3-39.5 38.3c-21.8 0-39-16.8-39-38.3c0-21.5 17.3-38.4 39.3-38.4c22.3 0 39.2 16.5 39.2 38.4zm-13.7 0c0-15.3-11.1-26.9-25.7-26.9c-14.7 0-25.3 11.4-25.3 26.9c0 15.1 11.2 26.9 25.5 26.9c14.8 0 25.5-11.3 25.5-26.9zm66.7 26.9c7.5 0 13.7-2.7 20.1-8.8l7.9 7.8c-5.9 6.3-14 12.4-28.8 12.4c-21.3 0-38-16.8-38-38.2c0-21.6 16.7-38.5 38.1-38.5c11.8 0 20.5 3.5 28.2 11.4l-8.3 8.9c-4.5-4.4-10.5-8.7-20-8.7c-13.9 0-24.3 11.5-24.3 26.8c0 15.4 10.8 26.9 25.1 26.9zm148.9-3l22.4-60.7h14.2l-30 73.9h-13.3l-30.1-73.9h14.7zm54.9-60.6h13.8v73.3h-13.8zm211.5 36.8c0 21.5-17.3 38.3-39.4 38.3c-21.9 0-39-16.8-39-38.3c0-21.5 17.2-38.4 39.3-38.4c22.3 0 39.1 16.5 39.1 38.4zm-13.7 0c0-15.3-11.1-26.9-25.7-26.9c-14.7 0-25.3 11.3-25.3 26.9c0 15.1 11.2 26.9 25.6 26.9c14.7 0 25.4-11.3 25.4-26.9zm-565-31.9l3.1 2v-37.4h14.4v105.3h-14.4v-8.4l-3.1 2.1c-6.5 4.3-14.3 6.6-22.5 6.6c-21.9 0-39-16.8-39-38.3c0-21.5 17.3-38.4 39.3-38.4c8.1 0 15.8 2.3 22.2 6.5zm3.1 29.4c-1.2-14.1-12-24.4-25.6-24.4c-14.6 0-25.3 11.3-25.3 26.9c0 15.1 11.3 26.9 25.6 26.9c13.7 0 24.1-10 25.3-24.3zm655.4-1.8v42.2h-13.6v-42c0-5.6-2-10.8-5.6-14.6c-3.6-3.8-8.5-5.9-13.9-5.9c-10.8 0-18.6 8.1-19 19.6v42.9h-13.7v-42.5v-34.3h13.7v8.1l3-1.7c4.9-2.6 10.5-4 16.2-4c18.5 0 32.9 14.1 32.9 32.2zm-186.9-32.5h13.7v73.4h-13.7zm-219 18.6c-4.5-4.4-10.4-8.7-19.9-8.7c-8.1 0-13.3 3.6-13.3 9.2c0 6.6 7.8 9.2 16.9 12.1l1.1 0.4h0.3q0.3 0.1 0.6 0.2c4.8 1.5 10.4 3.5 14.8 6.6c4.9 3.6 7.2 8.3 7.2 14.4c0 12.7-10.7 22-25.5 22.2l-2.6 0.1c-12 0-20.7-3.8-29-12.5l7.9-7.8c6.4 6.1 13.3 9.1 20.8 9.1c14.6-0.1 16.2-6.7 16.2-9.6c0-6.6-7.8-9.2-16.9-12.1l-0.5-0.2q-0.3-0.1-0.8-0.2q-0.3-0.1-0.7-0.2c-4.8-1.6-10.4-3.5-14.8-6.6c-4.8-3.6-7.2-8.3-7.2-14.5c0-12.6 10.7-21.9 25.5-22.1c11.8 0 20.5 3.5 28.2 11.3zm193.6 0c-4.6-4.5-10.5-8.8-19.9-8.8c-8.1 0.1-13.3 3.7-13.3 9.2c0 6.6 7.8 9.2 16.9 12.2l1.1 0.3l0.3 0.1q0.2 0.1 0.5 0.2c4.9 1.5 10.5 3.4 14.9 6.5c4.8 3.6 7.2 8.3 7.2 14.5c0 12.6-10.8 22-25.6 22.2h-2.5c-12 0-20.8-3.7-29.1-12.4l7.9-7.8c6.4 6 13.4 9.1 20.9 9.1c14.6-0.1 16.1-6.8 16.1-9.6c0-6.7-7.8-9.2-16.8-12.2l-0.5-0.1q-0.4-0.2-0.8-0.3q-0.4-0.1-0.7-0.2c-4.9-1.5-10.4-3.5-14.8-6.5c-4.9-3.6-7.2-8.3-7.2-14.5c0-12.7 10.7-22 25.5-22.2c11.8 0 20.5 3.5 28.1 11.3zm-78.9-41.6c0-3.8 3.1-6.8 6.9-6.8c3.7 0 6.8 3 6.8 6.8c0 3.8-3.1 6.8-6.8 6.8c-3.8 0-6.9-3-6.9-6.8zm118.5 0c0 3.8-3.1 6.8-6.8 6.8c-3.8 0-6.9-3-6.9-6.8c0-3.8 3.1-6.8 6.9-6.8c3.7 0 6.8 3 6.8 6.8z" />
            </g>
          </svg>

        </Link>
      </Container>
    </header>
  )
}
